<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--
    form标签:表示一个表单区域
        action属性:表单提交时所跳转的表单的提交地址
            其值与超链接的href属性类似
        method属性:表单的提交方式
            在表单中,存在两种提交方式:get(默认值)、post
        enctype属性:表单数据的传输方式
            其值共有三种
            application/x-www-form-urlencoded:默认值,表示使用正常的表单数据进行传递
                即通过字符串的方式进行传输
                ?username=xxx
            multipart/form-data:表示使用二进制流的方式进行传输
                一般用于文件上传
                当设置二进制流的方式进行数据传输时,无法再地址栏进行传输
                因此,此处的请求方式必须为post
            text/plain:普通文本,一般不使用
-->
<!--<form action="#" method="get" enctype="application/x-www-form-urlencoded">-->
<form action="14-table.html">
    <!--
        在表单元素中,存在多种标签定义不同类型的元素
        常用的有如下几种
        input标签:
            type属性:可以通过该标签所提供的type属性控制当前表单元素的类型
                其值由如下几种情况
                text:当行文本框,即:输入框
                password:密码框,输入的内容不再页面中展现,使用实心圆代替
                radio:单选框,只有同一组的单选框同一时间只能选择一个
                    通过name属性控制当前元素是否是同一组
                    只有name相同的元素才属于同一组元素
                checkbox:多选框
                file:文件选择器
                hidden:隐藏域,在页面中不显示的元素,但是服务器可以获取到该元素
                submit:提交按钮,点击该按钮之后表单提交,跳转到action属性所指定的url地址
                reset:重置按钮,点击该按钮之后表单元素重置,重置为刚进入该页面时的效果
                button:普通按钮,点击该按钮没有任何效果,后期一般与使用JavaScript进行事件绑定,为其赋予效果
                image:图片按钮,该按钮效果与submit一致,在开发中,会使用一些好看的图片作为提交按钮
       select标签:下拉列
            一个select标签对应一个下拉列
            下拉列的内容中通过option子标签表示
            一个option表示下拉列中的一个选项
       textarea:多行文本域,类似于input的text
            只不过在input的text中,只能输入一行内容
            而在textarea中,可以输入多行内容
            通过对应属性控制行与列
            rows属性:指定行数
            cols属性:指定列数
    -->
    文本框:<input type="text" size="30" maxlength="10" value="admin" readonly="readonly" disabled="disabled"/><br/>
    密码框:<input type="password" size="30"/><br/>
    单选框:
        <input type="radio" name="gender" checked/>男
        <input type="radio" name="gender" checked="checked"/>女<br/>
    多选框:
        <input type="checkbox" name="hobbies" checked="checked"/>吃饭
        <input type="checkbox" name="hobbies"/>睡觉
        <input type="checkbox" name="hobbies" checked="checked"/>打豆豆<br/>
    <!--文件:<input type="file" accept="text/html"/><br/>-->
    文件:<input type="file" accept="image/*"/><br/>
    隐藏域:<input type="hidden"/><br/>
    下拉列:
    <select size="3" multiple>
        <option value="-1">请选择</option>
        <option value="1">选项1</option>
        <option value="2" selected="selected">选项2</option>
        <option value="3">选项3</option>
    </select><br/>
    文本域:
    <textarea name="ta" cols="30" rows="10">
        这是多行文本域的内容
        这是多行文本域的内容
        这是多行文本域的内容
        这是多行文本域的内容
        这是多行文本域的内容
        这是多行文本域的内容
    </textarea>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
    <input type="button" value="普通">
    <input type="image" src="../images/buynow.gif">
</form>
</body>
</html>